<template>
  <view  @touchmove.stop.prevent="returnEvent">
    <u-popup :show="showall" :round="40" mode="bottom" @close="close" closeable='true'  >
      
      
      				<view class="text-content">
      				   <view class="text-title">话题详情</view>
                 <scroll-view  scroll-y="true" class="scroll-Y" >
      				    <view class="text">{{text}}</view>
                  </scroll-view>
      				</view>
   
</u-popup>
    </view>
</template>

<script>
export default {
    name: 'popup-text',
    props: {
        text: {
            type: String,
            default: '',
        },
        showall: {
            type: Boolean,
            default: false,
        },
    },
    data() {
        return {};
    },
    methods: {
        returnEvent() {},
        close() {
            this.$emit('close');
        },
    },
};
</script>

<style scoped>
  /* .popup-text{height:100%;min-height: 100vh;} */
  .text-title{color: #333333;font-size: 36rpx;position: fix;top: 10rpx;padding-bottom: 30rpx;}
.text-content{width: 100%;margin:0 auto 0;padding:30rpx 20rpx ;box-sizing: border-box;}
.text-content .text{font-weight: 400;font-size: 28rpx;color: #333;margin-top: 26rpx;line-height: 48rpx;white-space: normal;height:400px;
 	word-break: break-all; 
 	word-wrap: break-word;}
  .scroll-Y{width: 92%;margin: 0 auto;padding-bottom: 50rpx;}
</style>